<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lumino - Dashboard</title>
<style>
.main-nav-table{
	background-color:red;
	}
	table.basetable td{
		text-align:center;
		font-size:12px;
		color:#FFFFFF;
		padding-bottom:3px;
		padding-top:3px
		}
	tr.basehead td{
	text-align: center;
	font-size: 14px;
	color: #FFFFFF
		}
	 tbody tr:nth-child(odd) {  
            background-color: #1E2A4C /* green, 10% alpha */  
        }  
        tbody tr:nth-child(even) {  
            background-color: #142540 /* red, 30% alpha */  
        }  
	a.basea hover{
		color:#FFFFFF;
		text-decoration:none;
		}
		
		.head-menu a:link{
			color:#FFF;
			text-decoration:none;
			}
			.head-menu a:active{
			color:#FFF;
			text-decoration:none;
			}
			.head-menu a:hover{
			color:#FFF;
			text-decoration:none;
			}
			
			.head-menu a:visited{
			color:#FFF;
			text-decoration:none;
			}
</style>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/datepicker3.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">

<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->

</head>

<body style="background:#DFDCDC">
	<nav style="background-color:#142C51" class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container-fluid">
			<div class="navbar-header">
            <img src="img/logo.png" alt="LOGO" style="height:75px; padding:3px 15px 3px;">
            <font size="6" color="white" face="Microsoft YaHei" style="vertical-align: middle;">面向高端制造领域的大数据管理系统</font>

				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#sidebar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<!--<a class="navbar-brand" href="#"><span>Lumino</span>Admin</a>-->
                <table class="main-nav-table" style="margin-top: 28px;float: right">
	                <tr>
        	        	<td  bgcolor="#142C51" style="border:hidden;border-right: solid;border-right-color: #797979;padding: 0 10px 0 10px;"><font class="head-menu" color="#FFFFFF" size="3px" ><a href="index.html">首页</a></font></td>
    	                <td bgcolor="#142C51" style="border-right: solid;border-right-color: #797979;padding: 0 10px 0 10px;"><font color="#FFFFFF" size="3px" class="head-menu"><a href="datasource_1.html">数据源管理</a></font></td>
	                    <td bgcolor="#142C51" style="border-right: solid;border-right-color: #797979;padding: 0 10px 0 10px;"><font color="#FFFFFF" size="5px" class="head-menu"><a href="igenginemain.html">一体化管理引擎</a></font></td>
                    	<td bgcolor="#142C51"><font color="#FFFFFF" style="padding: 0 10px 0 10px;" size="3px" class="head-menu"><a href="operation.html">运维工具</a></font></td>
    	            </tr>
                </table>
			</div>
		</div><!-- /.container-fluid -->
	</nav>
	<div style="background:#f2f2f2;position:absolute;top:75px;width:10%;height:100%">
    	<div style="position:relative;margin-top:40px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/全部2.png" style="width:25px;height:25px">&nbsp;&nbsp;<font size="3px" color="#000">数据源概览</font></div>
        <div style="position:relative;margin-top:20px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/元数据面板.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">元数据管理</font></div>
        <div style="position:relative;margin-top:20px;margin-left:18px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/数据库.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">数据源</font></div>
        <div style="position:relative;margin-top:20px;margin-left:18px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/schema.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">全局模式</font></div>
        <div style="position:relative;margin-top:20px;margin-left:18px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/数据集管理dataset.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">数据集</font></div>
        <div style="position:relative;margin-top:20px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/search.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">数据查询</font></div>
        <div style="position:relative;margin-top:20px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/融合频道.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">语义融合</font></div>
        <div style="position:relative;margin-top:20px;margin-left:18px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/故障管理.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">故障匹配</font></div>
        <div style="position:relative;margin-top:20px;margin-left:18px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="img/高级设置.png" style="width:18px;height:18px">&nbsp;&nbsp;<font size="3px" color="#000">高级配置</font></div>
    </div>
    <div style="background:#DFDCDC;position:absolute;left:10%;width:90%;height:100%">
    </div>
	
	<script src="js/jquery-1.11.1.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/chart.min.js"></script>
	<script src="js/chart-data.js"></script>
	<script src="js/easypiechart.js"></script>
	<script src="js/easypiechart-data.js"></script>
	<script src="js/bootstrap-datepicker.js"></script>
	<script>
		$('#calendar').datepicker({
		});

		!function ($) {
		    $(document).on("click","ul.nav li.parent > a > span.icon", function(){          
		        $(this).find('em:first').toggleClass("glyphicon-minus");      
		    }); 
		    $(".sidebar span.icon").find('em:first').addClass("glyphicon-plus");
		}(window.jQuery);

		$(window).on('resize', function () {
		  if ($(window).width() > 768) $('#sidebar-collapse').collapse('show')
		})
		$(window).on('resize', function () {
		  if ($(window).width() <= 767) $('#sidebar-collapse').collapse('hide')
		})
	</script>	
</body>

</html>
